<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>培训首页</title>


    <!-- Expand styles -->
    <link href="../css/app/app.css" rel="stylesheet">
    <link href="../css/app/default.css" rel="stylesheet">
    <link href="../css/mui/mui.css" rel="stylesheet">
    <link href="../css/mui/mui.picker.min.css" rel="stylesheet" />


    <!-- Custom styles for this template -->
    <!-- <link href="../css/iOS/mobile/mobile.css" rel="stylesheet"> -->
</head>

<body>

    <!-- header -->
    <div class="mobile-content5">
        <img class="peixun-bg" src="../img/peixun-bg.png" alt="">
        <!-- 第一部分 -->
        <div class="peixun-theme">
            <div class="display-flex align-items-center justify-content-between padding-15 width-100 padding-b-10">
                <span class="blue-drop"></span>
                <span class="blue-drop"></span>
            </div>
            <div class="padding-15 padding-t-0">
                <div class="peixun-border peixun-input">
                    <div class="margin-lr55">
                        <input type="text" name="" id="" placeholder="我的培训主题">
                    </div>
                </div>
                <div class="display-flex justify-content-between align-items-end">
                    <div class="peixun-border peixun-input width-100 padding-l-55">
                        <input type="text" name="" id="" placeholder="我要培训的人数">
                    </div>
                    <span class="font-15 black margin-l-20 margin-r-20">人</span>
                </div>
                <div class="peixun-border peixun-input">
                    <div class="margin-lr55">
                        <input type="text" name="" id="" placeholder="我的联系方式">
                    </div>
                </div>
                <div class="peixun-send">
                    立即发布培训需求
                </div>
                <div class="display-flex justify-content-between align-items-center">
                    <div class="display-flex align-items-center">
                        <img class="pei-icon" src="../img/ji.png" alt="">
                        <span class="font-12 black">极速匹配</span>
                    </div>
                    <div class="display-flex align-items-center">
                        <img class="pei-icon" src="../img/you.png" alt="">
                        <span class="font-12 black">优质保障</span>
                    </div>
                    <div class="display-flex align-items-center">
                        <img class="pei-icon" src="../img/fang.png" alt="">
                        <span class="font-12 black">放心服务</span>
                    </div>
                </div>
            </div>
        </div>
        <div style="height:235px;"></div>
        <!-- 第二部分 -->
        <div class="peixun-serve  padding-15">
            <div class="display-flex align-items-center justify-content-between">
                <span class="px-line margin-b-10"></span>
                <p class="text-center font-13 font-weight black">平台已服务人数<span class="font-18 blue1">122</span>人
                </p>
                <span class="px-line margin-b-10"></span>
            </div>

            <div class="display-flex justify-content-between">
                <div class="display-flex flex-column align-items-center width50 border-r">
                    <span class="gray font-12">已入驻培训机构</span>
                    <span class="black font-18 padding-t-5">122</span>
                </div>
                <div class="display-flex flex-column align-items-center width50">
                    <span class="gray font-12">已入驻培训机构</span>
                    <span class="black font-18 padding-t-5">122</span>
                </div>
            </div>
        </div>
        <!-- 第三部分 -->
        <div class="widget-body widget-default margin-t-10 display-flex">
            <div class="width50 margin-r-10">
                <img class="p1-img" src="../img/p1.png" alt="">
            </div>
            <div class="width50">
                <img class="p1-img" src="../img/p2.png" alt="">
            </div>
        </div>
        <!-- 第四部分 -->
        <div class="widget-body widget-default margin-t-10">
            <div class="trade-list">
                <div class="tit-label"></div>
                <div class="display-flex align-items-center justify-content-between margin-l-10">
                    <span class="black font-16 font-weight">优质培训服务机构</span>
                    <span class="font-15 gray1">更多&nbsp;></span>
                </div>
            </div>
        </div>
        <div class="widget-body widget-default padding-t-0">
            <div class="display-flex index-overflow">
                <div class="display-flex px-diffbg">
                    <div class="pxindex-box">
                        <div class="display-flex align-items-center justify-content-center padding-t-10">
                            <img class="px-icon" src="../img/dress.png" alt="">
                            <span class="font-15 font-weight blue2 elli1">陕西</span>
                        </div>
                        <p class="black font-15 text-center padding-t-10 elli1">122个</p>
                    </div>
                    <div class="pxindex-box">
                        <div class="display-flex align-items-center justify-content-center padding-t-10">
                            <img class="px-icon" src="../img/dress.png" alt="">
                            <span class="font-15 font-weight blue2 elli1">内蒙古</span>
                        </div>
                        <p class="black font-15 text-center padding-t-10 elli1">32个</p>
                    </div>
                    <div class="pxindex-box">
                        <div class="display-flex align-items-center justify-content-center padding-t-10">
                            <img class="px-icon" src="../img/dress.png" alt="">
                            <span class="font-15 font-weight blue2 elli1">江苏</span>
                        </div>
                        <p class="black font-15 text-center padding-t-10 elli1">32个</p>
                    </div>
                    <div class="pxindex-box">
                        <div class="display-flex align-items-center justify-content-center padding-t-10">
                            <img class="px-icon" src="../img/dress.png" alt="">
                            <span class="font-15 font-weight blue2 elli1">新疆</span>
                        </div>
                        <p class="black font-15 text-center padding-t-10 elli1">32个</p>
                    </div>
                    <div class="pxindex-box">
                        <div class="display-flex align-items-center justify-content-center padding-t-10">
                            <img class="px-icon" src="../img/dress.png" alt="">
                            <span class="font-15 font-weight blue2 elli1">甘肃</span>
                        </div>
                        <p class="black font-15 text-center padding-t-10 elli1">32个</p>
                    </div>
                </div>

            </div>
        </div>
        <!-- 第五部分 -->
        <div class="widget-body widget-default margin-t-10">
            <div class="trade-list">
                <div class="tit-label"></div>
                <div class="display-flex align-items-center justify-content-between margin-l-10">
                    <span class="black font-16 font-weight">对接成功案例</span>
                    <span class="font-15 gray1">更多&nbsp;></span>
                </div>
            </div>
        </div>
        <div class="trade-list widget-body widget-default margin-b-10 padding-t-10">
            <p class="black font-15 font-weight elli1 padding-r-20">现代农民的新工具</p>
            <img class="pxsuccess-img" src="../img/px-success.png" alt="">
            <p class="font-13 gray no-margin">发起人：丽丽</p>
            <p class="font-13 gray">工作地址：陕西省西安市神舟数码</p>
            <p class="text-right black font-15 no-margin">100元<span class="gray font-13 margin-l-3">预算</span>
            </p>
        </div>
        <div class="trade-list widget-body widget-default margin-b-10  padding-t-10">
            <p class="black font-15 font-weight elli1 padding-r-20">现代农民的新工具</p>
            <img class="pxsuccess-img" src="../img/px-fail.png" alt="">
            <p class="font-13 gray no-margin">发起人：丽丽</p>
            <p class="font-13 gray">工作地址：陕西省西安市神舟数码</p>
            <p class="text-right black font-15 no-margin">100元<span class="gray font-13 margin-l-3">预算</span>
            </p>
        </div>

    </div>





    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="../js/mui/mui.js"></script>
    <script type="text/javascript" src="../js/mui/mui.picker.min.js"></script>


</body>

</html>